<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jQuery多库共存</title>
    <script src="../jquery/jquery.v3.7.1.js"></script>
</head>
<body>
    <div>
        <p>jQuery多库共存: </p>
        <p>问题描述：jQuery使用 $作为表示符，随着 jQuery的流行，其他 js库也会用 $作为标识符，这样一起使用会引起冲突。</p>
        <p>解决方案一：把 jQuery里面的 $改用 jQuery。比如：jQuery('div')</p>
        <p>解决方案二：jQuery的 noConflict()方法，把 $的控制权交还给其他库，同时用 jQuery代替 $</p>
    </div>
    <script>
        $(function(){
            // 封装了一个 $函数，类似于 jQuery中的 $()选择器。但是会与 jQuery中的 $产生冲突，
            // 此时想要使用 jQuery中的 $，需要使用 jQuery代替 $。
            function $(ele){
                return document.querySelector(ele);
            }
            // console.log($('div'));
            //1、 jQuery中的 $()选择器
            jQuery.each();
            //2、 jQuery的 noConflict()方法，让 jQuery释放对 $的控制权，让用户自己决定。
            var aa = jQuery.noConflict();
            console.log(aa('div'));
            aa.each();
        })
    </script>
</body>
</html>